<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/include/include.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>admin panel</title>
<link rel="stylesheet" type="text/css" href="css/style_login.css" />
<script language="javascript" src="js/jquery-1.6.2.js"></script>
<script language="javascript" src="js/jquery.blockUI.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $('#demo1').click(function() { 
        $.blockUI({
        message: $('#loginForm'),
        fadeOut: 90, 
        css: { 
            border: 'none',
            '-webkit-border-radius': '10px', 
            '-moz-border-radius': '10px', 
            opacity: .5,
            color: '#fff'},
        overlayCSS: { backgroundColor: '#CCC', cursor: "default"}
        }); 
        $('.blockOverlay').click($.unblockUI); 
    }); 
});
</script>
<style>
body{min-width:600px}
</style>
</head>
<body>
	<div id="warp">
	 <div id="loginBox">Test</div>
	 </div>
</body>
</html>